<template>

    <p>个人信息填写</p>
    <div>
        姓名: <el-input v-model="name" />
    </div>
    <div>
        性别:
        <el-radio-group v-model="gender">
            <el-radio value="男" size="large">男</el-radio>
            <el-radio value="女" size="large">女</el-radio>
        </el-radio-group>
    </div>
    <div>
        爱好：
        <el-checkbox-group v-model="likeList">
            <el-checkbox label="吃" value="吃" />
            <el-checkbox label="喝" value="喝" />
            <el-checkbox label="玩" value="玩" />
            <el-checkbox label="乐" value="乐" />
        </el-checkbox-group>
    </div>

    <div>
        自我介绍：
        <el-input v-model="introduction" type="textarea" />
    </div>



    <p>我是{{ name }},性别{{ gender }},我的爱好是{{ likeList }},自我介绍是：{{ introduction }}</p>

</template>


<script setup>
import { ref } from 'vue';

const name = ref('')
const gender = ref('男')
const likeList = ref([])
const introduction = ref('')
</script>